// All of the templates are stored in this Object
tpl = {

	// Hash of preloaded templates for the app
	templates: {},
	
	// Recursively pre-load all the templates for the app.
	// This implementaion should be changed in a production enviroment.
	// All the template files should be concatenated into a single file
	loadTemplates: function( names, callback ) {
		
		var that = this;
		
		var loadTemplate = function( index ) {
			var name = names[index];
			console.log('Loading template: ' + name);
			$.get('templates/' + name + '.html', function( data ) {
				that.templates[name] = data;
				index++;
				
				if( index < names.length ) {
					loadTemplate( index );
				} else {
					callback();
				}
			});
		}
		
		loadTemplate(0);
	},
	
	// Get template by name from hash of preloaded templates
	get: function( name ) {
		return this.templates[name];
	}
};